<template>
    <!--放置这个组件的模版-->
    <div>
        <!--title bar-->
        <title-bar :title="title" :needback="needback"></title-bar>
<!--        &lt;!&ndash;本期的奖池信息&ndash;&gt;-->
<!--        <lottery-info></lottery-info>-->

<!--        <div style="color:darkgray">请选择6个红球,1个蓝球</div>-->

<!--        &lt;!&ndash;拆出红球组件&ndash;&gt;-->
<!--        <redball-picker :randomRedBalls="randomRedBalls" @on-redballs-change="handleRedballsChange"></redball-picker>-->

<!--        &lt;!&ndash;清除浮动&ndash;&gt;-->
<!--        <div class="clearfix"></div>-->

<!--        &lt;!&ndash;蓝球组件&ndash;&gt;-->
<!--        <blueball-picker :randomBlue="randomBlue" @on-blueball-change="handleBlueballChange"></blueball-picker>-->

<!--        &lt;!&ndash;按钮&ndash;&gt;-->
<!--        &lt;!&ndash;清除浮动&ndash;&gt;-->
<!--        <div class="clearfix"></div>-->

<!--        &lt;!&ndash;添加的按钮&ndash;&gt;-->
<!--        <div style="margin-top: 10px;">-->
<!--            <input type="button" @click="handleAdd" value="添加" class="btn btn-default pull-right" />-->
<!--        </div>-->

<!--        &lt;!&ndash;清除浮动&ndash;&gt;-->
<!--        <div class="clearfix"></div>-->

<!--        &lt;!&ndash;机选幸运号的按钮&ndash;&gt;-->
<!--        <div style="margin-top: 10px;">-->
<!--            <input type="button" @click="handleRandom" value="机选幸运号" id="btn_random"  class="btn btn-default pull-right" />-->
<!--            <select v-model="num" class="form-control pull-right" style="width: 60px;display: inline-block;">-->
<!--                <option>1</option>-->
<!--                <option>2</option>-->
<!--                <option>3</option>-->
<!--                <option>4</option>-->
<!--                <option>5</option>-->
<!--            </select>-->
<!--        </div>-->

<!--        &lt;!&ndash;主要是解决页面显示不完整&ndash;&gt;-->
<!--        <div style="margin-bottom: 58px;height: 58px;"></div>-->

        <!--5.底部菜单栏-->
        <div class="menu">
            <div class="col-xs-6 menu-item" @click="goToCart">
                <span class="glyphicon glyphicon-shopping-cart"></span>
                <span class="badge">{{cartSize}}</span>
                <p>购物车</p>
            </div>
            <div class="col-xs-6 menu-item">
                <span class="glyphicon glyphicon-save"></span>
                <p>立即投注</p>
            </div>

        </div>

    </div>
</template>
<script lang="ts">
    import {Vue,Component} from "vue-property-decorator"
    import TitleBar from "@/pages/common/TitleBar.vue"
    // import RedballPicker from "@/pages/common/RedballPicker.vue"
    // import BlueballPicker from "@/pages/common/BlueballPicker.vue"
    // import LotteryInfo from "@/pages/common/LotteryInfo.vue"
    //导入vuex提供的辅助函数
    import {mapActions,mapGetters} from 'vuex'
    import BallUtils from '@/utils/BallUtils'
    @Component({
        components:{
            TitleBar,
            // RedballPicker,
            // BlueballPicker,
            // LotteryInfo
        }
    })
    export default class SelectPage extends Vue{
    }
</script>

<style scoped>

</style>